<include file="public@header"/>
<style>
    .top{
        height: 38px;
        background: #e1e1e1;
    }
    .pose{
        margin: 20px;
        display: flex;
        justify-content: space-between;
    }
    .pose div{
        flex: 1 1 260px;
        margin-right: 20px;
        height: 160px;
        background: #aaa;
    }
    .pose div:last-child{
        margin-right: 0;
    }
    .progress{
        margin: 20px;
        height: 300px;
        display: flex;
        justify-content: space-between;
    }
    .progress .pg-l{
        flex: 1 1 60%;
        margin-right: 20px;
        background: #0e6f5c;
    }
    .progress .pg-r{
        flex: 1 1 30%;
        background: #f0f;
    }
</style>
</head>
<body>
    <div class="top"></div>
    <div class="pose">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="progress">
        <div class="pg-l"></div>
        <div class="pg-r"></div>
    </div>
</body>
</html>